<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<!-- ! methods用来定义普通方法，①同一个方法调用多次，则执行多次，每次重新渲染时都会执行 ②只支持函数的写法-->
<!-- ! computed用来定义计算属性，①同一个计算属性使用多次，只有第一次会计算，后面多次重复使用，不会重新计算（会将第一次计算的结果缓存起来），②只有当内部所依赖的数据发生改变时才会重新计算  ③计算属性内部不支持异步（不能写异步代码）④支持函数的写法，对象的写法（get，set）-->
<!-- ! watch用来定义数据监听，①只有当监听的数据本身发生改变时才会执行对应的回调函数  ②内部支持异步 ③支持函数的写法，对象的写法（深度监听）1·-->